/* 
* @Author: anchen
* @Date:   2016-10-27 17:08:34
* @Last Modified by:   anchen
* @Last Modified time: 2016-10-28 15:17:46
*/

.about-txt{background: #fdf9f8;}
.about-nav li{background: #fdf9f8;}
.page-brands .bg-layer{background: #e1f0f9;}
.inner-bottom{width:100%; height: 88px; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 12px; color: #fff; padding:12px; box-sizing: border-box; display:none;}
.fan .inner-bottom{display:block;}
.inner-bottomTitle{font-size: 18px;word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    height: 30px;

}
.inner-bottomCon{font-size: 10px;word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
    height:30px;

}
.bg-ding{    position: absolute;
    left: 820px;
    top: 487px;
    cursor: pointer;}
.fanshow .bg-dingImg{display:block;}
.bg-dingTwo{left: 530px; top: 698px;} 
.bg-dingThree{    left: 661px;
    top: 504px;}
.bg-dingFour{left: 836px;
    top: 438px;}
.bg-dingFive{    left: 836px;
    top: 559px;}
.bg-dingSix{     left: 895px;
    top: 536px;}
.bg-dingSeven{    left: 908px;
    top: 640px;}
.bg-ding a{display:block;}
.bg-ding span{display:block; text-align: center; animation:gogo 0.3s linear 0.1s infinite alternate;}
.bg-ding p{color:#0254b1; font-size: 14px;text-shadow:#adaeaf 1px 0 0,#adaeaf 0 1px 0,#adaeaf -1px 0 0,#adaeaf 0 -1px 0;
-webkit-text-shadow:#adaeaf 1px 0 0,#adaeaf 0 1px 0,#adaeaf -1px 0 0,#adaeaf 0 -1px 0;
-moz-text-shadow:#adaeaf 1px 0 0,#adaeaf 0 1px 0,#adaeaf -1px 0 0,#adaeaf 0 -1px 0; }
.bg-dingImg{width:365px; height: 235px; background: #000; border-radius: 10px; position:absolute;  z-index:99999999;    bottom: 68px;left: -149px; overflow:hidden; background: url(../images/pic_eight.png) no-repeat; background-size:100% 100%; color:#efeeed; display:none;}
.bg-dingImg-text{width: 365px; height: 73px; background: rgba(0,0,0,0.5); position: absolute;
    bottom: 0; border-radius:0 0 10px 10px; padding:5px 10px; box-sizing: border-box;}
.bg-dingImg-text h6{font-size: 16px;height: 27px;
    overflow: hidden;}
.bg-dingImg-text .hh{font-size: 10px;word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    height: 28px;
}

@keyframes gogo {
    to{ transform:translate(0,-8px);
        }
}

.fg ul li {
        width: 311px;
}